.space-popup {
  &__container {
    position: relative;
    $radius-size: 20px;
    // height: 100%;
    // width: 100vw;
    // max-height: 50vh;
    background-color: #fff;
    border-top-left-radius: $radius-size;
    border-top-right-radius: $radius-size;
    // overflow: scroll;
  }

  &__header {
    $pb: 40rpx;
    border-bottom: 1px solid #eee;
    padding-top: $pb ;
    padding-bottom: $pb - 25;
    box-sizing: border-box;
    position: relative;
    // top: 0;

    .close {
      position: absolute;
      top: 10rpx;
      right: 0;
    }

    .name {
      @include textEllipsis();
      font-size: var(--fl-font-size-large-extre);
      font-weight: 700;
    }

    .detail-address {
      @include textEllipsis()
    }

  }

  &__add {
    border-bottom: 1px solid #eee;

    &-warp {

      @include innerCenter();
      width: 100rpx;
      height: 100rpx;
      box-sizing: border-box;
      border: 1px solid #eee;
    }

    .close {
      float: right;

    }
  }

  // 日志列表区域
  &__list {
    overflow-y: scroll;

    &-item {
      padding: 28rpx 20rpx 40rpx;
      border-bottom: 1px solid #eee;
      display: flex;

      .lock {
        position: absolute;
        right: 10rpx;

      }

    }

    &-item__title {
      font-size: var(--fl-font-size-base);
      margin-bottom: 10rpx;
      @include textEllipsisMore(3);

    }

    &-item__photos {
      width: 140rpx;
      height: 140rpx;
      // flex-basis: 140rpx;
      flex-shrink: 1;
    }

    &-item__photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  }

  // 操作区域
  &__operate {
    .btn {
      width: 40%;
      display: inline-block;
    }

    display: flex;
    justify-content: space-evenly;
  }
}

.space-popup__list-item.show-image {
  .space-popup__list-item__title {
    // 当日记没有图片时，内容占满一行，否则占据 60vw 
    width: 60vw;
  }
}

.space-popup__list-item.show-image.show-lock {
  .space-popup__list-item__title {
    width: 58vw;
  }
}